<template>
  <d2-container>
<!--    <template slot="header">Page 1 header</template>-->
    <d2-container>
      <avue-crud :data="data" :option="option"></avue-crud>
    </d2-container>
  </d2-container>
</template>

<script>
export default {
  name: 'page1',
  data () {
    return {
      data: [
        {
          name: '张三',
          sex: '男'
        }, {
          name: '李四',
          sex: '女'
        }
      ],
      option: {
        menuWidth: 280,
        copyBtn: true,
        align: 'center',
        height: 'auto',
        calcHeight: 30,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        searchSpan: 6,
        border: true,
        index: true,
        indexLabel: '序号',
        viewBtn: true,
        selection: true,
        dialogClickModal: false,
        column: [
          {
            label: '姓名',
            prop: 'name',
            search: true
          }, {
            label: '性别',
            prop: 'sex',
            search: true
          },
          {
            label: '年龄',
            prop: 'age',
            search: true
          },
          {
            label: '城市',
            prop: 'city'
          }
        ]
      }
    }
  }
}
</script>
